﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page isELIgnored="false"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="${pageContext.request.contextPath}/css/ligerui-all.css" rel="stylesheet" type="text/css" />
<%@ include file="base.jsp" %>
<script src="${pageContext.request.contextPath}/js/jquery.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/base.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/ligerGrid.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/ligerForm.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/ligerDateEditor.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/ligerComboBox.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/ligerCheckBox.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/ligerRadio.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/ligerSpinner.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/ligerTextBox.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/inject.js" type="text/javascript"></script> 
<script src="${pageContext.request.contextPath}/js/ligerPopupEdit.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/ligerDialog.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/ligerTip.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/jquery.validate.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/jquery.metadata.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/FusionCharts.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/messages_cn.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/common/ligerUiCommon.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/common/dateFormateUtil.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/common/ajax.js" type="text/javascript"></script>
<script type="text/javascript">
	var line;
	$(function() {
		loadLine();
		$("form").ligerForm();
	});

	function doSearch() {
		var parm = "?";
 	    parm += "&tjStar=" + $("#tjStar").val();
 	    parm += "&tjEnd=" + $("#tjEnd").val();    
 	    parm += "&control=getLineDate";
 	    parm += "&timeLimit=" + $("#timeLimit").val(); 
 	    
		loadLine(parm);
	}

	function loadLine(parm) {
		line = new FusionCharts(
				"${pageContext.request.contextPath}/js/charts/Line.swf",
				"lineCharId", window.screen.availWidth*0.63, window.screen.availHeight*0.63, "0", "0");
		if (parm) {
			line.setDataURL(escape("${pageContext.request.contextPath}/XxtjAction"
							+ parm));
		} else {
			line.setDataURL("xml/char.xml");
		}
		line.render("lineChart");
		return line;
	}
	
	//刷新页面
	function resetInput() {
		location.reload();
	}
</script>
<title></title>
</head>
<style type="text/css">
body{background:#ffffff}
html{_overflow-y:scroll;}
</style>
<body style="overflow:hidden;padding:4px">
<table width="100%" align="center" cellpadding="0" cellspacing="0">
 <tr>
   <td>
      <table width="100%" align="center" cellpadding="0" cellspacing="0">
        <tr>
         <td class="add_l_t" valign="top">
           <form method="post" id="hwglForm">
            <table width="100%" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td>
                       <table class="addd_lll" align="left" cellpadding="0" cellspacing="0">
                         <tr>
                            <td width="140" nowrap="nowrap" align="right">统计起始时间：</td>
                            <td width="200" nowrap="nowrap" align="left"><input type="text" id="tjStar" ltype="date"/></td>
                         </tr>
                       </table>
                       
                       <table class="addd_lll" align="left" cellpadding="0" cellspacing="0">
                         <tr>
                            <td width="140" nowrap="nowrap" align="right">统计截止时间：</td>
                            <td width="200" nowrap="nowrap" align="left"><input type="text" id="tjEnd" ltype="date"/></td>
                         </tr>
                       </table>
                       
                       <table  class="add_llllllll" align="left" cellpadding="0" cellspacing="0">
              				<tr>
                 			 	<td width="90" nowrap="nowrap" align="right">统计类型：</td>
                  				<td width="200" nowrap="nowrap" align="left">
                  					<select id='timeLimit'>
                  						<option value="week">周</option>
                  						<option value="month" selected="selected">月</option>
                  						<option value="quarter">季度</option>
                  						<option value="year">年</option>
                  					</select>
                  				</td>
              				</tr>
           				</table>
           				
                      	<table class="addd_lll" align="right" cellpadding="0" cellspacing="0">
                          <tr align="right" >
                            <td class="xxjbb_2" align="right" >
                              <ul>
                                <li class="xxjbb_1_block"><a href="#" onclick="doSearch()">查询</a></li>
                                <li><a href="#" onclick="resetInput()">刷新</a></li>
                              </ul>
                            </td>
                          </tr>
                     </table>
                </td>
            </table>
           </form>
         </td>
       </tr>
      </table>
   </td>
 </tr>
 <tr><td height="10"></td></tr>
 <tr>
   <td><div id="lineChart" align="center"></div></td>
 </tr>
</table>
</body>
</html>
